<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style>
        html,body{
            margin: 0px;
            height: 100%;
            width: 100%;
            background-color: black;
        }
        main{
            width: 1600px;
            height: 1000px;
            background-repeat: no-repeat;
            background-size: 100%;
            margin: 60px auto;
        }
        .main{
            width: 320px;
            height: 480px;
            background-color: #fff;
            margin: 60px auto;
        }
        #bord{
            border-radius: 0px;
        }
        form{
            width: 320px;
        }
        form div{
            width: 90%;
        }
    </style>
</head>
<body>
    
    <main>
        <div class="main">
            <nav class="navbar navbar-inverse" id="bord">
                    <span class="navbar-brand pull-left" onclick="history.back();">
                        <i class="glyphicon glyphicon-chevron-left"></i>
                    </span>
                    <span class="navbar-brand text-center">登录</span>
                    <span class="navbar-brand pull-right" onclick="location.href='./register.html'">
                        <!--<i>没有帐号去注册</i>-->
                        <span>没有帐号去注册</span>
                    </span>
            </nav>
            
            <div class="container">
                    <form>
                        <div class="form-group">
                            <input type="text" class="form-control" required pattern="[\u4e00-\u9fa5]{2,4}" name="petname" placeholder="请输入昵称">
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" required pattern="[0-9a-zA-Z]{6,12}" name="password" placeholder="请输入密码">
                        </div>
                        <div>
                             <button type="submit" class="btn btn-success form-control">登录</button>
                        </div>
                    </form>
                </div>
            
            <!--模态框-->
                <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">校园二手交易平台</h4>
                            </div>
                            <div class="modal-body">
                                <p></p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </main>
     <script src="lib/bootstrap/js/jquery.min.js"></script>
     <script src="lib/bootstrap/js/bootstrap.min.js"></script>
     <script src="js/login.js"></script>
</body>
</html>
